<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <style media="screen">
    *{
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      color: rgba(140, 150, 168, 1);
    }
    html, body, body > div {
      height: 100%;
    }
    body > div {
      background-color: rgba(30, 34, 42, 1);
    }
    form{
      width: 480px;
      /* border: 1px solid red; */
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -150px;
      margin-left: -240px;
      background-color: rgba(50,56,70,1);
      box-shadow: 4px 0px 14px rgba(0, 0, 0, .2);
      border-radius: 4px;
      padding: 30px;
    }
    form > div {
      overflow: hidden;
      height: 45px;
      line-height: 45px;
    }
    label {
      /* float: left; */
    }
    label {
      display: inline-block;
      width: 20%;
      text-align: right;
      color: rgba(140, 150, 168, 1);
    }
    input {
      width: 80%;
      background-color: transparent;
      border-radius: 4px;
      border: 1px solid rgba(140, 150, 168, 1);
      height: 34px;
      padding-left: 15px;
      float: right;
      margin-top: 6px;
    }
    a {
      color: rgba(140, 150, 168, 1);
      float: right;
    }
    button {
      width: 100px;
      display: block;
      margin: 20px auto 0;
      height: 34px;
      background-color: transparent;
      border-radius: 4px;
      border: 1px solid rgba(140, 150, 168, 1);
    }
  </style>
  <body>
    <div class="">
      <form>
        <div class="">
          <label>用户名：</label>
          <input type="text" name="username" value="" placeholder="请输入用户名" id="username">
          <p></p>
        </div>
        <div class="">
          <label>密码：</label>
          <input type="password" name="password" value="" placeholder="请输入密码" id="pwd">
          <p></p>
        </div>
        <div class="">
          <label>确认密码：</label>
          <input type="password" name="password" value="" placeholder="再次输入密码" id="confirm">
          <p></p>
        </div>
        <!-- <div class="">
          <label>
            <span class="firstnum"></span>
            +
            <span class="secondnum"></span>
            =
          </label>
          <input type="text" name="" value="">
        </div> -->
        <div class="">
          <img src="/vimg/getcode" alt="">
          <input type="text" name="imgcode" value="" placeholder="请输入密码" id="code">
        </div>
        <!-- <a href="register.html">注册</a> -->
        <br>
        <button type="button" name="button" id="registerBtn">登录</button>
      </form>
    </div>

    <script src="javascripts/jquery.min.js" charset="utf-8"></script>
    <script src="javascripts/register.js" charset="utf-8"></script>
  </body>
</html>
